<template>
    <div>
        <div class="myinformation">
            <div class="touxiang">
                <div class="myPictures">
                    <img src="https://himg.bdimg.com/sys/portraith/item/hec.1.94e29a16.2dcHmq2kxILQoSAt-Ae5CQ.jpg" alt="">
                </div>
                <div class="myName">
                    12345678901
                </div>
            </div>
            <div class="fenlei">
                <ul>
                    <li>
                        <p>{{xiaoduxing}}</p>
                        <p>小度星</p>
                    </li>
                    <li>
                        <p>0</p>
                        <p>优惠卷</p>
                    </li>
                    <li>
                        <p>0</p>
                        <p>评论</p>
                    </li>
                    <li>
                        <p>0</p>
                        <p>点赞</p>
                    </li>
                    <li>
                        <p>{{shopcarNum.length}}</p>
                        <p>购物车</p>
                    </li>
                </ul>
            </div>
        </div>

        <div class="orderlists">
            <div class="orderlists-title">
                我的订单
            </div>
            <div class="orderlists-son">
                <ul>
                    <li>
                        <div class="img">
                            <img src="https://static4-dumall.baidu.com/account/pc_icon_unpay.png" width="100%" alt="">
                        </div>
                        <div class="texts">
                            待支付
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://static4-dumall.baidu.com/account/pc_icon_unreceive.png" width="100%" alt="">
                        </div>
                        <div class="texts">
                            待收货
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://static1-dumall.baidu.com/account/pc_icon_uncomentd.png" width="100%" alt="">
                        </div>
                        <div class="texts">
                            待评论
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <img src="https://static1-dumall.baidu.com/account/pc_icon_return.png" width="100%" alt="">
                        </div>
                        <div class="texts">
                            退换/售后
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <span class="iconfont icon-jiantouyou"></span>
                        </div>
                        <div class="texts">
                            全部订单
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                xiaoduxing:0,
                shopcarNum:null
            }
        },
        created(){
            if(localStorage.xiaoduxing){
                this.xiaoduxing=JSON.parse(window.localStorage.getItem("xiaoduxing"))
            }
            if(localStorage.shopCartLists){
                this.shopcarNum=JSON.parse(window.localStorage.getItem('shopCartLists'))
            }
        }
    }
</script>

<style lang="scss" scoped>
@import "../assets/css/public.scss";
@import "../assets/css/personalCenter.scss";
</style>